<template>
<el-dialog
  title="提示"
  :visible.sync="dialogVisible"
  width="60%"
  :before-close="handleClose">
  <div class="my-dialog">
    内突然阿阿斯顿
  </div>
  <span slot="footer" class="dialog-footer">
    <el-button @click="handleClose">取 消</el-button>
    <el-button type="primary" @click="dialogVisible = false">确 定</el-button>
  </span>
</el-dialog>
</template>

<script>
export default {
  data() {
    return {
      dialogVisible: false
    }
  },
  methods: {
    openDialog() {
      this.dialogVisible = true
    },
    handleClose() {
      this.dialogVisible = false
      this.clean()
    },
    clean() {}
  }
}
</script>

<style lang="stylus" scoped>
.my-dialog
  min-height 400px
</style>